<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page language="java" import="com.server.web.JsVersionUtil"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
	<meta charset="UTF-8">
	<title>北京市人民政府外事办公室领事保护教育服务平台</title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="<c:url value='/share/bootstrap.min.css'></c:url>">
	<link rel="stylesheet" href="<c:url value='/share/AllStyle.css'></c:url>">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="<c:url value='/js/jquery.min.js'></c:url>"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="<c:url value='/js/bootstrap.min.js'></c:url>"></script>
	<script src="<c:url value='/js/all.js'></c:url>"></script>
	<script src="<c:url value='/js/serverCommonJs.js'></c:url>"></script>
	<script src="<c:url value='/js/rqfCommon/rqfCommon.js'></c:url>"></script>
	<style type="text/css">
		.case_details_title1{
			float: left;
			height: 40px;
			line-height: 40px;
			background: #D2E4F9;
			text-align: center;
			color:#3F6CA1 ;
			width: 100%;
			/*font-size: x-large;*/
			font-family: "微软雅黑";
		}
		.case_details_title2{
			float: left;
			height: 40px;
			width: 70%;
			background: #eff4fa;
			text-align: center;
			color:#3F6CA1 ;
			font-size: x-large;
			font-family: "å¾®è½¯éé»";
		}
		.case_details_table{
			margin-left: 3%;
			font-size: 13px;
			border: 1px solid #000000;
			border-collapse: collapse;
			
		}
		.triangle-topright {
			float: left;
		    width: 0;
		    height: 0;
		    border-top: 30px solid #295C96;
		    border-left: 30px solid transparent; 
		}
		.input-a{
			text-align: center;
		    width: 16%;
		    height: 30px;
		    background-color: #f9f9f9;
		    color: #2955aa;
		}
		td {
		    vertical-align: middle;
		    border: 1px solid #000000;
		}
		.input-b{
			width:100%; 
			text-align: center;
			height:100%;
			background-color:transparent;
			border:0px;
		}
		.maskLayer{  
			z-index:10;
			opacity:0.3; 
			filter: alpha(opacity=30); 
		background-color:#ccc;}
		#dialog{
			background-color:#fff;
			/*border:1px solid rgba(0,0,0, 0.4);*/
			height:195px;
			width:380px;
			height:250px;
			/*padding:1px;*/
			position:fixed !important; /* 浮动对话框 */
			position:absolute;
			top:35%;
			left: 40%;
			z-index:11;
			/*border-radius:5px;*/
			 box-shadow: 0 1px 2px grey;
			display: none;
			} 
			
			
		/* 反馈评分 */	
		.r {
	     	padding: 1px 0;
		    width: 283px;
		    float: left;
		    line-height: 30px;
		    position: relative;
		    overflow: hidden;
		    background: #fff;
    		left: 91.5px;
	    }
	    .rr{
	        float: left;
		    line-height: 30px;
		    position: relative;
		    overflow: hidden;
		    background: #fff;
		    width: 40%;
		    margin-left: 72px;
		}
	   .star5 {
	        float: left;
	        position: relative;
	        margin: 4px 10px 0 10px;
	        width: 125px;
	        height: 20px;
	        background: url("/eduPlatform/share/images/xingxing3.png") 0 -30px no-repeat;
	    }
	    .star5ul,.star5ul_2 {
	        position: absolute;
	        top: 0;
	        left: 0;
	        z-index: 6;
	        width: 125px;
	        height: 20px;
	    }
	    #star5_red,#star5_red_2,#star5_red_3,#star5_red_4,#star5_red_5 {
	        position: absolute;
	        top: 0;
	        left: 0;
	        z-index: 5;
	        height: 20px;
	        background: url("/eduPlatform/share/images/xingxing3.png") 0 0 no-repeat;
	    }
	    .star5ul li,.star5ul_2 li{
	        overflow: hidden;
	        float: left;
	        width: 25px;
	        height: 20px;
	        cursor: pointer;
	        line-height: 20em;
	        background-position: 0 -30px;
	    }
	    .desc{
	    	float: left;
	    	margin-left: 48px;
	    	font-family: "微软雅黑";
	    	font-size: 15px;
	    	margin-bottom: 2px;
	    } 
	    .des{
	    	float:left;
	    }
	    /* 评分   */
	    
	    /* 8.29 wzw */
	    .comment_btn{
	        width: 54px !important;  
     		height:54px !important;
     		right: -54px !important;
     		cursor:pointer;
		}
		.case_details_title1{
			font-size:16px !important;
		}
		.case_details_content{
			margin: 23px 68px 36px 68px !important;
		}
		input, button, select, textarea {
		    font-family: inherit;
		    font-size: inherit;
		    line-height: inherit;
		}
		textarea {
		    overflow: auto;
		}
		button, input, optgroup, select, textarea {
		    margin: 0;
		    font: inherit;
		    color: inherit;
		}
		.textareaStyle{
			top:0px !important;
			padding: 0 7px!important;
			resize:none;
		}
		.case_details_table input{
			padding:7px !important;
		}
		.inputStyle{
			line-height:32px;
		}
		.inputContent ul>li{
			padding:4px 7px;
			white-space: nowrap;
    		overflow: hidden;
    		text-overflow: ellipsis;
		}
		.glyphicon {
			top: 4px !important;
   			right: 3px !important;
		}
		.inputTitle_1 {
		    text-align: center;
		    width: 16%;
		    height: 30px;
		    background-color: #f9f9f9;
		    color: #2955aa;
		}
	</style>
</head>
<body>

	<c:if test="${type==1}">
		<div class="home_content Interface_center">
			<%-- <div class="case_details_title">
				涉外安全资料&nbsp;&gt;&nbsp;国家地区形势资料&nbsp;&gt;&nbsp;<span
					style="color: #82b4ee;">${fMap.country_area}</span>
			</div> --%>
			<div class="case_details_content" style="margin-bottom: 150px;">
				<div class="case_details_title1">国家地区形势资料详情</div>
				<div>
					<img src="<c:url value='/share/images/triangle2.png'/>"
						style="width: 3%; height: 40px; float: left;">
				</div>
				<table class="case_details_table " border="1px solid #000"
					style="width: 97%; border: 1px solid #000000;">
					<tbody>
						<tr>
							<td class="input-a">国别/地区名称</td>
							<td><input class="input-b" type="text" readOnly="true"
								value="${fMap.country_area}"></td>
							<td class="input-a">法律法规</td>
							<td><input class="input-b" type="text" readOnly="true"
								value="${fMap.laws}"></td>
						</tr>

						<tr>
							<td class="input-a">国家概况</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.com_org_name}</textarea>
							</td>
						</tr>
						<tr>
							<td class="input-a">紧急救助电话</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.com_org_contact}</textarea>
							</td>
						</tr>
						<tr>
							<td class="input-a">风俗习惯</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.custom}</textarea>
							</td>
						</tr>
						<tr>
							<td class="input-a">宗教信仰</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.faith}</textarea>
							</td>
						</tr>
						<tr>
							<td class="input-a">政治形势</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.politics}</textarea>
							</td>
						</tr>
						<tr>
							<td class="input-a">民族关系</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.nation_rla}</textarea>
							</td>
						</tr>
						<tr>
							<td class="input-a">医疗卫生</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.health_care}</textarea>
							</td>
						</tr>
						<tr>
							<td class="input-a">气候条件</td>
							<td class="inputContent" colspan="3">
								<textarea name="" class="textareaStyle" disabled="disabled" autoheight="true">${fMap.climatic_cond}</textarea>
							</td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>
	</c:if>
	<c:if test="${type==2}">
	<c:if test="${fMap.org_or_pers=='机构'}">
		<div class="home_content Interface_center">
				<%-- <div class="case_details_title">
					涉外安全资料&nbsp;&gt;&nbsp;涉外机构信息&nbsp;&gt;&nbsp;<span
						style="color: #82b4ee;">${fMap.org_name}</span>
				</div> --%>
				<div class="case_details_content" style="margin-bottom: 150px;">
					<div class="case_details_title1">涉外机构信息详情</div>
					<div>
						<img src="<c:url value='/share/images/triangle2.png'/>"
							style="width: 3%; height: 40px; float: left;">
					</div>
					<table class="case_details_table " border="1px solid #000"
						style="width: 97%; border: 1px solid #000000;">
						<tbody>
							<tr>
								<td class="inputTitle_1">机构名称</td>
								<td class="inputContent" colspan="3"><input class="input-b"
									type="text" readOnly="true" value="${fMap.org_name}"></td>
							</tr>
							<tr>
								<td class="input-a">所在国家/地区</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.country_area}"></td>
								<td class="input-a">所属区域</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.area_range}"></td>
							</tr>
							<tr>
								<td class="inputTitle_1">成员构成</td>
								<td class="inputContent" colspan="3">
								<textarea name=""
									class="textareaStyle" disabled="disabled" autoheight="true"
									readOnly="true" style="height: 122px;">${fMap.business_scope}</textarea>
								</td>
							</tr>
							<tr>
								<td class="input-a">成立时间</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.station_time}"></td>
								<td class="input-a">联系方式</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.telephone}"></td>
							</tr>
							<tr>
								<td class="input-a">机构简介</td>
								<td colspan="3">
								<textarea name=""
									class="textareaStyle" disabled="disabled" autoheight="true"
									readOnly="true" style="height: 122px;">${fMap.org_nature}</textarea>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
	</c:if>
	<c:if test="${fMap.org_or_pers=='个人'}">
	<div class="home_content Interface_center">
				<%-- <div class="case_details_title">
					涉外安全资料&nbsp;&gt;&nbsp;涉外人员信息&nbsp;&gt;&nbsp;<span
						style="color: #82b4ee;">${fMap.name}</span>
				</div> --%>
				<div class="case_details_content" style="margin-bottom: 150px;">
					<div class="case_details_title1">涉外人员信息详情</div>
					<div>
						<img src="<c:url value='/share/images/triangle2.png'/>"
							style="width: 3%; height: 40px; float: left;">
					</div>
					<table class="case_details_table " border="1px solid #000"
						style="width: 97%; border: 1px solid #000000;">
						<tbody>
							<tr>
								<td class="input-a">姓名</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.name}"></td>
								<td class="input-a">性别</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.sex}"></td>
							</tr>

							<tr>
								<td class="input-a">身份证号</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.Idcard}"></td>
								<td class="input-a">邮箱号码</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.email}"></td>
							</tr>
							<tr>
								<td class="input-a">联系电话1</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.telephone1}"></td>
								<td class="input-a">联系电话2</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.telephone2}"></td>
							</tr>
							<tr>
								<td class="input-a">所在国家/地区</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.country_area}"></td>
								<td class="input-a">所属区域</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.area_range}"></td>
							</tr>
							<tr>
								<td class="input-a">出行目的</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.trip_pur}"></td>
								<td class="input-a">停留时间</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.remain_time}"></td>
							</tr>
							<tr>
								<td class="input-a">从事行业</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.trade}"></td>
								<td class="input-a">职业</td>
								<td><input class="input-b" type="text" readOnly="true"
									value="${fMap.vocation}"></td>
							</tr>
							<tr>
								<td class="input-a">工作单位</td>
								<td class="inputContent" colspan="3"><input class="input-b"
									type="text" readOnly="true" value="${fMap.work_place}"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
	</c:if>
</c:if>
<c:if test="${type==3}">
	<div class="home_content Interface_center">
			<%-- <div class="case_details_title">
				涉外安全资料&nbsp;&gt;&nbsp;应急流程资料&nbsp;&gt;&nbsp;<span
					style="color: #82b4ee;">${fMap.name}</span>
			</div> --%>
			<div class="case_details_content" style="margin-bottom: 150px;">
				<div class="case_details_title1">应急流程资料详情</div>
				<div>
					<img src="<c:url value='/share/images/triangle2.png'/>"
						style="width: 3%; height: 40px; float: left;">
				</div>
				<table class="case_details_table " border="1px solid #000"
					style="width: 97%; border: 1px solid #000000;">
					<tbody>
						<tr>
							<td class="inputTitle_1">流程名称</td>
							<td class="inputContent" colspan="3"><input class="input-b"
								type="text" readOnly="true" value="${fMap.name}"></td>
						</tr>
						<tr>
							<td class="input-a">所在国家/地区</td>
							<td><input class="input-b" type="text" readOnly="true"
								value="${fMap.country_area}"></td>
							<td class="input-a">类别</td>
							<td><input class="input-b" type="text" readOnly="true"
								value="${fMap.class1}"></td>
						</tr>
						<tr>
							<td class="inputTitle_1">流程内容</td>
							<td class="inputContent" colspan="3"><textarea name=""
									class="textareaStyle" disabled="disabled" autoheight="true"
									readOnly="true" style="height: 122px;">${fMap.content}</textarea>
							</td>
						</tr>
						<tr>
							<td class="inputTitle_1">其他说明</td>
							<td class="inputContent" colspan="3"><textarea name=""
									class="textareaStyle" disabled="disabled" autoheight="true"
									readOnly="true" style="height: 122px;">${fMap.other_decl}</textarea>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
</c:if>
<c:if test="${type==4}">
	<div class="home_content Interface_center">
			<%-- <div class="case_details_title">
				涉外安全资料&nbsp;&gt;&nbsp;相关专题资料&nbsp;&gt;&nbsp;<span
					style="color: #82b4ee;">${fMap.name}</span>
			</div> --%>
			<div class="case_details_content" style="margin-bottom: 150px;">
				<div class="case_details_title1">相关专题资料详情</div>
				<div>
					<img src="<c:url value='/share/images/triangle2.png'/>"
						style="width: 3%; height: 40px; float: left;">
				</div>
				<table class="case_details_table " border="1px solid #000"
					style="width: 97%; border: 1px solid #000000;">
					<tbody>
						<tr>
							<td class="inputTitle_1">专题名称</td>
							<td class="inputContent" colspan="3"><input class="input-b"
								type="text" readOnly="true" value="${fMap.name}"></td>
						</tr>
						<tr>
							<td class="inputTitle_1">专题类别</td>
							<td class="inputContent" colspan="3"><input class="input-b"
								type="text" readOnly="true" value="${fMap.class1}"></td>
						</tr>
						<tr>
							<td class="inputTitle_1">专题概述</td>
							<td class="inputContent" colspan="3">
								<%-- <input class="input-b"
								type="text" readOnly="true" value="${fMap.summarize}"> --%>
								<textarea class="input-b" style="text-align:left;" autoHeight="true">${fMap.summarize}</textarea>
							</td>
						</tr>
						<tr>
							<td class="inputTitle_1">相关附件</td>
							<td class="inputContent" colspan="3">
								<div style="text-align: left;" class="textareaStyle"
									disabled="disabled" autoHeight="true">
									<c:if test="${not empty fMap.atta}">
										<c:forEach items="${fMap.atta}" var="li">
											<a target='_blank' class='aTagUnderLine'
												href="<c:url value='/attach/download/${li.id}'/>">
												${li.fileName}</a>&nbsp;&nbsp;&nbsp;&nbsp;
								</c:forEach>
									</c:if>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
</c:if>
	<script type="text/javascript">
		/* textarea div高度自适应 */
		$.fn.autoHeight = function(){
	
			function autoHeight(elem){
				elem.style.height = 'auto';
				elem.scrollTop = 0; //防抖动
				elem.style.height = elem.scrollHeight + 'px';
			}
		
			this.each(function(){
				autoHeight(this);
				$(this).on('keyup', function(){
					autoHeight(this);
				});
			});
	
		}
		$('div[autoHeight]').autoHeight();
		$('textarea[autoHeight]').autoHeight();
	</script>
</body>
</html>
